<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>福田</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top raise-usercenter">
        <a href="" class="userce"><span class="iconfont">&#xe66d;</span></a>
        广种福田
        <a href="" class="goback"><span class="iconfont">&#xe60e;</span></a>
    </div>
    
    <!-- 福田banner -->
    <div class="raise-banner">
        <img src="images/raise.png" alt="">
    </div>

    <!-- 福田小分类 -->
    <div class="index-nav clearfix">
        <a href="" class="index-nav1">
            <div class="iconfont">&#xe604;</div>
            随喜建庙
        </a>
        <a href="raise.html" class="index-nav2">
            <div class="iconfont">&#xe680;</div>
            筹款建设
        </a>
        <a href="" class="index-nav3">
            <div class="iconfont">&#xe616;</div>
            寺庙账户
        </a>
        <a href="" class="index-nav4">
            <div class="iconfont">&#xe66d;</div>
            个人中心   
        </a>
    </div>
    
    <!-- 信息滚动 -->
    <div id="futian-object">
       <div>千古流芳 共建大雄宝殿</div>
       <div>千古流芳 共建大雄宝殿</div>
       <div>千古流芳 共建大雄宝殿</div>
       <div>千古流芳 共建大雄宝殿</div>
    </div>

    <!-- 福田项目 -->
    <div class="raise-all futian-all">
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
        <div class="raise-list container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>筹款建设大雄宝殿
            </h4>
            <div class="raise-list-info">
                <a href="raise-detail.html">
                    <img src="images/banner1.jpg" alt="">
                    <span class="raise-mask">
                        祈福功德墙
                    </span>
                </a>
                <div class="clearfix">
                    <div class="left">
                        千古流芳 共建大雄宝殿
                    </div>
                    <div class="right">
                        已有2056人参与
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

    <script language="javascript" type="text/javascript"> 
        var oMarquee = document.getElementById("futian-object");  //滚动对象
        var iLineHeight = 40;  //单行高度，像素
        var iLineCount = 2;  //实际行数
        var iScrollAmount = 1;  //每次滚动高度，像素
        function run() {
        oMarquee.scrollTop += iScrollAmount;
        if ( oMarquee.scrollTop == iLineCount * iLineHeight )
        oMarquee.scrollTop = 0;
        if ( oMarquee.scrollTop % iLineHeight == 0 ) {
        window.setTimeout( "run()", 2000 );
        } else {
        window.setTimeout( "run()", 20 );
        }
        }
        oMarquee.innerHTML += oMarquee.innerHTML;
        window.setTimeout( "run()", 2000 );
    </script> 
</body>
</html>
